<form name="viewAcrossForm">
	<div class="form-group">
		<div class="col-md-12 form-item">
			<div class="col-sm-3 col-md-3 form-title"><span style="color:red;">*</span>申请岗位：</div>
			<div class="col-sm-8 col-md-8 form-input">
				<select name="roleId"
						class="form-control" 
						ng-model="viewAcrossModel.retroactive.roleId">
                        <option ng-repeat="role in viewModel.roleList" value="{{role.roleId}}" ng-selected="viewAcrossModel.selected(role)">{{role.roleName}}--({{role.departmentCode}}){{role.departmentName}}</option>
			    </select>
			</div>
		</div>
		<div class="col-md-12 form-item">
			<div class="col-sm-3 col-md-3 form-title"><span style="color:red;">*</span>签到日期：</div>
			<div class="col-sm-8 col-md-8 form-input" >
			  	<div class="input-group datapicker" ng-class="{ 'has-error' : viewAcrossForm.firstDate.$dirty && viewAcrossForm.firstDate.$invalid }">
					<input name="firstDate"
						   ng-model="viewAcrossModel.retroactive.firstDate"
						   ng-change="viewModel.attendanceDateChange()"
						   class="form-control datetime-picker" 
						   type="text"
						   autofocus="autofocus" 
						   maxLength="10"
						   z-datepicker-popup="{{viewModel.format}}"
						   is-open="viewModel.attendanceDateOpened2"
						   datepicker-options="viewModel.dateOptions"
					       close-text="Close"
					       required
					       readonly>
					<span class="input-group-addon cursorPointer" ng-click="viewModel.attendanceDateOpen2($event)"><i class="fa-calendar"></i></span>	
				</div>
			</div>
		</div>
		<div class="col-md-12 form-item">
			<div class="col-sm-3 col-md-3 form-title">选择下班签退时间：</div>
			<div class="col-sm-8 col-md-8 form-input">
				<table class="table table-striped table-bordered" cellspacing="0" width="100%" style="margin-bottom: 0px;">
					<thead>
						<tr>
							<th width="20%">操作</th>
							<th>日期</th>
							<th>打卡时间</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="attendance in viewModel.dataMorningList">
							<td>
								<input name="startTime" type="radio"
									   value="{{attendance.morningTime}}"
									   ng-model="viewAcrossModel.retroactive.startTime" />
							</td>
							<td>{{attendance.attendanceDate | date:'yyyy/MM/dd'}}</td>
							<td>{{attendance.morningTime}}</td>
						</tr>
						<tr ng-if="viewModel.dataMorningList==null || viewModel.dataMorningList.length == 0">
							<td colspan="3" style="color: red;">
								没有数据
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="col-md-12 form-item">
			<div class="col-sm-3 col-md-3 form-title"><span style="color:red;">*</span>签到日期：</div>
			<div class="col-sm-8 col-md-8 form-title">
				<div
						style="float: left;"
						ng-bind="viewAcrossModel.formatEndDate(viewAcrossModel.retroactive.firstDate) |  date:'yyyy/MM/dd'"></div>
			</div>
		</div>
		<div class="col-md-12 form-item">
			<div class="col-sm-3 col-md-3 form-title">选择上班签到时间：</div>
			<div class="col-sm-8 col-md-8 form-input">
				<table class="table table-striped table-bordered" cellspacing="0" width="100%" style="margin-bottom: 0px;">
					<thead>
						<tr>
							<th width="20%">操作</th>
							<th>日期</th>
							<th>打卡时间</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="attendance in viewModel.dataMorningList">
							<td>
								<input name="endTime" type="radio"
									   value="{{attendance.morningTime}}"
									   ng-model="viewAcrossModel.retroactive.endTime"
									   />
							</td>
							<td>{{attendance.attendanceDate | date:'yyyy/MM/dd'}}</td>
							<td>{{attendance.morningTime}}</td>
						</tr>
						<tr ng-if="viewModel.dataMorningList==null || viewModel.dataMorningList.length == 0">
							<td colspan="3" style="color: red;">
								没有数据
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="col-md-12 form-item">
			<div class="col-sm-3 col-md-3 form-title">备注：</div>
			<div class="col-sm-8 col-md-8 form-input">
			 	<textarea ng-model="viewAcrossModel.retroactive.description" class="form-control elastic __web-inspector-hide-shortcut__" rows="3" maxLength="255"></textarea>
			</div>
		</div>
	</div>	
</form>
